<nz-spin [nzSpinning]="isSpinning" nzTip="{{'processing' | translate}}">
  <div class="panel-index-cont" style="padding: 10px;overflow-y:auto;">
    <div class="panel-index">
      <div class="hd" style="padding-bottom: 5px;border-bottom: 8px solid #D1D3DA;">
            <span style="padding-right:15px;">
                {{'dev_type' | translate}}:&nbsp;
                <span class="wt_600">{{LoginForm['type']}}</span>
            </span>
        <a (click)="exit()" class="cm-right">{{'sign_out' | translate}}</a>
      </div>
      <div class="bd container">
        <div class="aside_left">
          <div class="chart_container">
            <div style="position:relative;padding: 5px;border-bottom:1px solid #D1D3DA">
              <nz-switch nzCheckedChildren="{{'running' | translate}}" nzUnCheckedChildren="{{'stoping' | translate}}"
                         [(ngModel)]="state" (ngModelChange)="stateChange()"></nz-switch>
              <div class="legend_area">
                <span style="background:#FF0000;" class="legend_icon"></span>
                <span>Tx Window</span>
                <span style="background:#00CC00;" class="legend_icon"></span>
                <span>Rx Window</span>
              </div>
              <div class="debug-am-move" nz-row *ngFor="let data of sameMoveList">
                <label nz-col nzSpan="5" style="margin-right: 5px;">{{data.title}}</label>
                <span nz-col nzSpan="2">{{data.min}}</span>
                <nz-progress [nzPercent]="currentKeyVal['key'+data.key]/data.max*100" [nzFormat]="formatOne" nz-col
                             nzSpan="6"></nz-progress>
                <span nz-col nzSpan="4">{{data.max}}(ms)</span>
                <nz-input-number nzSpan="5" nz-col [nzMin]="data.min" [nzMax]="data.max"
                                 [nzStep]="0.1" [(ngModel)]="currentKeyVal['key'+data.key]"
                                 (ngModelChange)="sameMoveChange()"></nz-input-number>
                <button style="margin-left: 5px;height: 25px;padding: 0 8px;" nzSpan="4" nz-button nzType="primary"
                        (click)="saveMove(data.key)">{{'save' | translate}}</button>
              </div>
            </div>
            <div class="chart_content">
              <div class="chart_wave">
                <div *ngIf="state" echarts [options]="signalWaveOption" class="echart" style="z-index:99;"></div>
                <div *ngIf="xtotal!==0 && state" class="echart2" style="z-index:999;">
                  <div class="barItem barItem0"></div>
                  <div class="barItem barItem1"></div>
                  <div class="barItem barItem2"></div>
                  <div class="barItem barItem3"></div>
                  <div class="barItem barItem4"></div>
                  <div class="barItem barItem5"></div>
                </div>
              </div>
            </div>
          </div>
          <div class="function_config" >
            <div>
              <label nz-col nzSpan="6">灵敏度</label>
              <nz-radio-group [nzDisabled]="state"  style="margin-top:-6px;" nz-col nzSpan="17" [(ngModel)]="currentKeyVal['keya2']"  (ngModelChange)="sendAntConfigOrder('a2',$event)">
                <label nz-radio-button *ngFor="let item of db112PhaseShiftList" [nzValue]="item.value">{{item.title}}</label>
              </nz-radio-group>
              <label nz-col nzSpan="6">音量</label>
              <nz-radio-group [nzDisabled]="state"  style="margin-top:-6px;" nz-col nzSpan="17" [(ngModel)]="currentKeyVal['keya7']"  (ngModelChange)="sendAntConfigOrder('a7',$event)">
                <label nz-radio-button *ngFor="let item of db112VolumeList" [nzValue]="item.value">{{item.title}}</label>
              </nz-radio-group>
              <label nz-col nzSpan="6">火零翻转</label>
              <nz-radio-group [nzDisabled]="state"  style="margin-top:-6px;" nz-col nzSpan="17" [(ngModel)]="currentKeyVal['keya3']"  (ngModelChange)="sendAntConfigOrder('a3',$event)">
                <label nz-radio-button *ngFor="let item of db112WireFlipList" [nzValue]="item.value">{{item.title}}</label>
              </nz-radio-group>
            </div>
          </div>
        </div>
      </div>
      <div class="footer">
        <a (click)="readParam(readParamItem['key'])">{{readParamItem['title']}}</a>
        <nz-divider nzType="vertical"></nz-divider>
        <a (click)="restoreFactory(restoreFactoryItem['key'])">{{restoreFactoryItem['title']}}</a>
      </div>
    </div>
  </div>
</nz-spin>
